前面說了一堆廢話(但我覺得應該是頗需要釐清的架構吧~),
現在就把HTML的內容物列出來真正踏進去撰寫程式碼的世界。
<!DOCTYPE html>
:定義這是一個html的檔案,前面不能空行<html>
:根元素<head>
:關於此檔案包含的資訊<title>
:放在<head>
裡面,這個html的標題會顯示在瀏覽器上<body>
:可以被使用者看見的內容,通常有段落、超連結、照片等等
接下來簡述heading(標題)和paragraph(段落)標籤:<h1>
~<h6>
:定義html的標題,最重要的使用<h1>
最不重要的使用<h6>
,建議一篇文章只使用一個<h1>
<p>
:描述一段文字段落,瀏覽器預設會在段落之間換行並且存在邊距
可以看上方結果,行間的空格是被忽略的,而<p>
與<p>
之間本來就會斷行。
如果想要讓<p>
內的文字有斷行,可以使用<br>
參考資料:
HTML5、JavaScript、CSS、XHTML、Ajax網頁程式設計 (第五版) (電子書)-陳惠貞/碁峰/2015/01/27
https://www.w3schools.com/